<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
{#    <meta name="csrf-token" content="{{ csrf_token() }}">#}
    <title>{{ device_name }}数据可视化</title>

    <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.3.0/echarts.min.js"></script>
    <script src="{{ url_for('static', filename='packages/_ajax_.js') }}"></script>
    <link rel="stylesheet" href="{{ url_for('static', filename='packages/layui/css/layui.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/view.css') }}">

    <style>
        .header-box {
            height: 50px;
            display: block;
            margin: 5px auto;
            border: 1px #cccccc solid;
            border-radius: 5px;
        }

        .op-box {
            margin: 5px auto;
        }

        .label {
            font-size: 15px;
            font-weight: bold;
        }
    </style>

</head>
<body>
<div class="body-box">
    <h1 class="title">{{ device_name }}的数据展示</h1>

    <div class="header-box">
        <form action="" class="layui-form">
            <div class="layui-form-item op-box">
                <div class="layui-inline">
                    <label class="layui-form-label label" for="">运算：</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="operation" value="x" placeholder="默认为'x'">
                    </div>
                </div>
                <div class="layui-inline">
                    <label for="" class="layui-form-label label">结果名称：</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="result-name" value="值" placeholder="默认为'属性值'">
                    </div>
                </div>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <button class="layui-btn" id="execute-btn">执行运算</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="visual-data-box">
        <table class="layui-hide" id="data-table" data-name="{{ device_name }}" data-identifier="{{ identifier }}"></table>
    </div>
    <div class="visual-data-box">
        <div id="data-graph" data-name="{{ device_name }}" data-identifier="{{ identifier}}"></div>
    </div>
</div>

<script src="{{ url_for('static', filename='packages/layui/layui.js') }}"></script>
<script src="{{ url_for('static', filename='js/view.js') }}"></script>

</body>
</html>